<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/shop.css">
    <link rel="stylesheet" href="../css/iconfont/iconfont.css">
    <title>shop</title>
</head>
<body>
    <!-- 头部 -->
    <div id="headerBox">
        <div id="header">
            <div class="top">
                <a class="adv" href="">
                    <img src="https://static.asus.com.cn/store/20201112/00102953491019.jpg" alt="">
                    <img src="https://static.asus.com.cn/store/20201112/00102953491019.jpg" alt="">
                </a>
                <a class="a_event" href="">
                    <img class="button" src="../img/index/ia_400000000.png" alt="">
                </a>
            </div>
            <div class="center">
                <div class="flex">
                    <div>
                        <a class="a_event" href="">商城首页</a>
                        <a class="a_event" href="">服务中心</a>
                        <a class="a_event" href="">以旧换新</a>
                        <a class="a_event" href="">新机租赁</a>
                        <a class="a_event" href="">驱动下载</a>
                    </div>
                    <ul>
                        <li class="firstli">
                            <a href="login.html">登录</a>
                            |
                            <a href="login.html">注册
                                <div>享服务与支持</div>
                            </a>
                        </li>
                        <li>
                            <a class="a_event" href="">消息</a>
                        </li>
                        <li>
                            <a class="a_event" href="">我的订单</a>
                        </li>
                        <li class="lastli">
                            <a class="a_event" href="">
                                <i>
                                    <img src="../img/detail/ia_400000258.png" alt="">
                                </i>
                                <span>&nbsp;购物车（</span>
                                <span class="number_goods">&nbsp;0&nbsp;</span>
                                <span>）</span>
                            </a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="bottom">
                <div class="logo">
                    <a href="http://localhost:23333/index.html">
                        <img src="../img/detail/ia_300000000.png" alt="">
                    </a>
                    <a class="a_event" href="">
                        <img src="../img/detail/ia_400000005.gif" alt="">
                    </a>
                </div>
                <div class="nav">
                    <a href="../">华硕官网</a>
                    <a href="list.html">个人及家用产品</a>
                    <a href="list.html">热门活动</a>
                    <a href="list.html">服务支持</a>
                    <a href="list.html">装机必备</a>
                </div>
                <div class="serch">
                    <div class="up">
                        <form action="">
                            <input type="text" placeholder="adolbook">
                            <div>
                                <a href="list.html">时尚潮流</a>
                            </div>
                            <button>
                                <a class="a_event" href="">
                                    <span class="iconfont icon-sousuo"></span>
                                </a>
                            </button>
                        </form>
                    </div>
                    <div class="down">
                        <a class="firsta" href="list.html">天选游戏本</a>
                        <a href="list.html">VivoBook</a>
                        <a href="list.html">adolbook</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    

    <!-- body -->
    <div id="bodybox">
        <div id="body">
            <form action="">
                <ul class="header">
                    <li>
                        <i class="iconfont icon-icon-test check_all"></i>
                        <label for="">全选</label>
                    </li>
                    <li>商品</li>
                    <li>销售价</li>
                    <li>数量</li>
                    <li>优惠金额</li>
                    <li>积分</li>
                    <li>小计</li>
                    <li>操作</li>   
                </ul>
                <div class="item_list">
                    <!-- <div class="item">
                        <ul class="main clear">
                            <li class="iconfont icon-icon-test choice"></li>
                            <li>
                                <a class="a_event" href="">
                                    <img src="../img/list/ia_600001526.webp" alt="">
                                </a>
                                <a class="a_event" href="">8倍速 外置DVD刻录机 移动光驱 支持USB/Type-C接口 (兼容苹果系统/SDRW-08U9M-U)-黑色</a>
                            </li>
                            <li class="unit_price">￥249</li>
                            <li>
                                <a class="a_event" href="">-</a>
                                <input type="text" value="1">
                                <a class="a_event" href="">+</a>
                            </li>
                            <li>￥0</li>
                            <li>249</li>
                            <li>249</li>
                            <li>
                                <a class="a_event" id="0" class="delete_good" href="">×</a>
                            </li>
                        </ul>
                        <div class="solid"></div>
                    </div> -->
                </div>
                <div class="arch">
                    <div>
                        <h3>
                            <a class="a_event" href="">-</a>
                            订单优惠
                        </h3>
                        <ul>
                            <li>
                                <b>[包邮]</b>
                                订单总金额满0元包邮
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="pay clear">
                    <a href="list.html">继续购物</a>
                    <p>
                        共
                        <span class="number_goods">2</span>
                        件商品，已选择
                        <span class="number_goods number_check">2</span>
                        件
                    </p>
                    <button class="a_event">去结算</button>
                    <div>
                        <span>合计</span>
                        <b class="footing">￥6848</b>
                    </div>    
                </div>
            </form>
        </div>
    </div>

    
    <!-- footer -->
    <div id="footer">
        <div class="footer">
            <div class="service_border">
                <div class="service">
                    <ul class="clear">
                        <li>
                            <div>
                                <img src="../img/detail/ia_400000274.png" alt="">
                            </div>
                            <p>&nbsp;官方直營</p>
                        </li>
                        <li>
                            <div>
                                <img src="../img/detail/ia_400000120.png" alt="">
                            </div>
                            <p>&nbsp;享笔记本意外险</p>
                        </li>
                        <li>
                            <div>
                                <img src="../img/detail/ia_400000274.png" alt="">
                            </div>
                            <p>&nbsp;满69包邮</p>
                        </li>
                        <li>
                            <div>
                                <img src="../img/detail/ia_400000274.png" alt="">
                            </div>
                            <p>&nbsp;15天无理由退货</p>
                        </li>
                        <li>
                            <div>
                                <img src="../img/detail/ia_400000274.png" alt="">
                            </div>
                            <p>&nbsp;支持支付宝&花呗分期</p>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="helper">
                <div class="heart clear">
                    <div class="area1">
                        <dl>
                            <dt>
                                <a class="a_event" href="">公司介绍</a>
                            </dt>
                            <dd>
                                <a class="a_event" href="">关于华顿</a>    
                            </dd>
                            <dd>
                                <a class="a_event" href="">华硕承诺</a>
                            </dd>
                            <dd>
                                <a class="a_event" href="">交易条款</a>
                            </dd>
                            <dd>
                                <a class="a_event" href="">特别提醒</a>
                            </dd>
                        </dl>
                    </div>
                    <div class="area2">
                        <dl>
                            <dt><a href="">购物指南</a></dt>
                            <dd><a href="">订单说明</a></dd>
                            <dd><a href="">会员注册</a></dd>
                            <dd><a href="">会员账户安全与信息</a></dd>
                            <dd><a href="">购物流程</a></dd>
                            <dd><a href="">积分使用说明</a></dd>
                            <dd><a href="">优惠券使用说明</a></dd>
                            <dd><a href="">常见问题</a></dd>
                            <dd><a href="">华硕商城服务协议说明</a></dd>
                            <dd><a href="">授权服务店服务说明</a></dd>
                            <dd><a href="">以旧换新</a></dd>
                        </dl>
                    </div>
                    <div class="area3">
                        <dl>
                            <dt><a href="">配送与付款</a></dt>
                            <dd><a href="">发货与签收规范</a></dd>
                            <dd><a href="">配送运费说明</a></dd>
                            <dd><a href="">配送常见问题</a></dd>
                            <dd><a href="">配送异常</a></dd>
                            <dd><a href="">付款咨询</a></dd>
                            <dd><a href="">发票说明</a></dd>
                            <dd><a href="">发票常见问题</a></dd>
                            <dd><a href="">蚂蚁花呗常见问题</a></dd>
                        </dl>
                    </div>
                    <div class="area4">
                        <dl>
                            <dt><a href="">服务与支持</a></dt>
                            <dd><a href="">华硕服务中心查询</a></dd>
                            <dd><a href="">华硕授权实体门店查询</a></dd>
                            <dd><a href="">华硕智汇家</a></dd>
                            <dd><a href="">中国RoHS合格评定标识</a></dd>
                        </dl>
                    </div>
                    <div class="area5">
                        <p>400-091-9520</p>
                        <p>专属服务热线</p>
                        <img src="../img/detail/ia_400000121.png" alt="">
                        <p>扫码下载</p>
                    </div>
                </div>
            </div>
            <div class="info">
                <p>有任何购物问题请联系商城客服 | 电话：400-091-9520</p>
                <p>
                    <a class="a_event" href="">营业执照：12000002201803260012</a>
                    │沪ICP备11025349号-3 │ ASUSTeK Computer Inc. All Rights Reserved.
                </p>
                <p>
                    <img src="../img/detail/ia_400000123.png" alt="">
                    <a class="a_event" href="">沪公网安备 31011202002313号</a>
                </p>
            </div>
        </div>
    </div>
    <script src="../js/require.js" async="true" defer data-main="../js/shop"></script>
</body>
</html>